ElaWidgetTools 开源项目

引言

根据作者 Github 上描述，此项目是 FluentUI 风格的 Qt-Widget 组件库。可根据自己需要在 Qt-Widget 项目中集成此风格控件。特此学习此项目并分享自己的学习心得。

一.ElaWidgetToolsExample 编译

1.1 项目下载

进入 Github 找到 LiniYous 大佬的 ElaWidgetTools 项目下载到本地

PS：
项目地址：LiniyousElaWidgetTools

进入本地创建一个文件夹克隆工程到本地：

1
git clone https://github.com/Liniyous/ElaWidgetTools.git

1.2 编译例程

  1. 在 ElaWidgetTools中创建 build 目录。然后打开 CMake(cmake-gui) 导入 CMakeLists.txt ，然后设定输出目录为刚刚创建的 build 目录。

CMake配置工程路径和生成路径

PS:
注意修改 ElaWidgetTools 目录下 CMakeLists.txt 下 QT_SDK_DIR 变量目录

修改QT_SDK_DIR路径

  1. 导入之后点击 configure 按钮配置 VS 工具集版本和系统位数

CMake配置VS工具集和系统位数

  1. 配置完成后提示成功就可以继续点击 generate 在 build 目录生成 VS 解决方案，然后打开工程编译生成 ElaWidgetTools 和 ElaWidgetToolsExample 项目：

VS编译工程

  1. 拷贝必要的动态库：

从 build 目录的 ElaWidgeTools 项目的 debug 目录复制生成的 ElaWidgetToolsd.dll 文件到 build 目录 ElaWidgetToolsExample 项目的 debug 目录中。

在终端中打开 Qt 6.7.3 (MSVC 2022 64-bit) 控制台，然后输入如下命令拷贝程序部署所需动态库：

1
windeployqt --debug [build目录的ElaWidgetToolsExample工程的debug目录]

然后就可以打开运行展示例程了。

二.各控件学习笔记